<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page import="videoLegend.*" %>
<%@ page import="java.sql.SQLException" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Video Legend</title>
		<style type="text/css">
			@import url('css/reset.css');
			@import url('css/style.css');
		</style>
	</head>
	<jsp:useBean id="con" class="videoLegend.Connexion" scope="request" />
	<jsp:useBean id="user" class="videoLegend.User" scope="session" />
	<body>
		<% //try{
			con.openConnexion();
	//	}catch(SQLException e){
	//		System.out.println(e);
	//	}
		%>
			  <div class="navbar navbar-fixed-top navbar-inverse">
				<div class="navbar-inner">
					<div class="container-fluid">
						<a class="brand" href="#">
					Video Legend</a>
						<form class="navbar-form pull-right">
							<input name="textinput1" type="email" placeholder="Email" class="span2"
							id="email">
							<input name="textinput2" type="password" placeholder="Password" class="span2"
							id="password">
							<button class="btn" id="signIn">
								Sign in
							</button>
						</form>
					</div>
					<div class="container-fluid">
						<input type="text" id="search" placeholder="Search a video..." class="searchBar">
						<div class="nav pull-right">
							Vous n'avez pas de compte ? Vous pouvez vous&nbsp;
							<a href="#" class="header_link">Inscrire</a>
						</div>
					</div>
				</div>
			</div>
			<br/>
			<div class="container">
				<div class="hero-unit">
					<div class="main_video">
						<h2 class="title">
							Bienvenue sur Video Legend !
						</h2>
						<p class="main_video">
							<h4>
								Vid&eacute;o du moment
							</h4>
							<img src="img/video.png" width="400px" height="250px">
						</p>
						<br/>
					</div>
				</div>
				<div class="row_categorie">
					<div class="span9">
						<div class="row-fluid">
							<div class="categorie">
								<div>
									<h2>
										Humour
									</h2>
									<h5>Un chat mange un yahourt</h5>
									<img src="img/video.png" width="200px" height="125px">
								</div>
								<br/>
								<a class="btn" href="#">View details >></a>
							</div>
							<div class="categorie">
								<div>
									<h2>
										Buzz
									</h2>
									<h5>78e parodie du gangnam style</h5>
									<img src="img/video.png" width="200px" height="125px">
								</div>
								<br/>
								<a class="btn" href="#">View details >></a>
							</div>
							<div class="categorie">
								<div>
									<h2>
										Choc
									</h2>
									<h5>Harlem Shake dans les égouts</h5>
									<img src="img/video.png" width="200px" height="125px">
								</div>
								<br/>
								<a class="btn" href="#">View details >></a>
							</div>
							<div style="clear: both; float: none; height: 0;"></div>
						<hr>
					</div>
					
				</div>
			  </div>
			</div>
			<br/>
			<div class="navbar">
				<span class="footer">VideoLegend Team, 2013</span>
			</div>
					
		 
		<%// try{
			con.closeConnexion();
	//	}catch(SQLException e){
		//	System.out.println(e);
	//	}
		%>
		<script type="text/javascript" src="javascript.js"></script>
	</body>
</html>